<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/templates/template.xhtml">

	<ui:define name="titre">Edition d'un Membre</ui:define>

	<ui:define name="contenu">
		<div class="middlecol">
			<rich:panel styleClass="wizard">
				<f:facet name="header">
					<h:outputText value="Demande de création de compte" />
				</f:facet>

				<h:panelGrid columns="3">
					<h:outputText />
					<rich:messages showDetail="true" />
					<h:outputText />
				</h:panelGrid>

				<h:form>
					<h:panelGrid id="editMember">
						<h:panelGrid columns="3">
							<h:outputText value="Prénom : *" />
							<h:inputText id="fn" value="#{editerMembreBean.membre.prenom}"
								label="Prénom" style="width:350px">
								<f:validateLength minimum="3" />
							</h:inputText>
							<rich:message for="fn" />

							<h:outputText value="Nom : *" />
							<h:inputText id="ln" value="#{editerMembreBean.membre.nom}" label="Nom"
								style="width:350px">
								<f:validateLength minimum="3" />
							</h:inputText>
							<rich:message for="ln" />

							<h:outputText value="Date de Naissance : *" />
							<rich:calendar id="birth" label="Date de Naissance"
								locale="fr/FR" enableManualInput="true"
								value="#{editerMembreBean.membre.dateDeNaissance}"
								datePattern="dd/MM/yyyy" currentDate="01/01/1970" />
							<rich:message for="birth" />

							<h:outputText value="Fonction : *" />
							<h:inputText id="fc" value="#{editerMembreBean.membre.fonction}"
								label="Fonction" style="width:350px">
								<f:validateLength minimum="3" />
							</h:inputText>
							<rich:message for="fc" />

							<h:outputText value="Droit : *" />
							<rich:select id="role" value="#{editerMembreBean.membre.role}" 
								 style="width:350px">
								<f:selectItems value="#{editerMembreBean.roles}" />
							</rich:select>
							<rich:message for="role" />
						</h:panelGrid>

						<br />
						<br />
						<div class="line-separator" />
						<br />
						<br />

						<h:panelGrid columns="3" columnClasses="label, value">
							<h:outputText value="Numéro et Rue : *" />
							<h:inputText id="rue" style="width:350px"
								value="#{editerMembreBean.adresse.adresse}" />
							<rich:message for="rue" />

							<h:outputText value="Code Postal : *" />
							<h:inputText id="cp" style="width:350px"
								value="#{editerMembreBean.adresse.codePostal}" />
							<rich:message for="cp" />

							<h:outputText value="Ville : *" />
							<h:inputText id="town" style="width:350px"
								value="#{editerMembreBean.adresse.ville}" />
							<rich:message for="town" />

							<h:outputText value="Pays : *" />
							<h:inputText id="pays" value="#{editerMembreBean.adresse.pays}"
								style="width:350px" />
							<rich:message for="pays" />
						</h:panelGrid>

						<br />
						<br />
						<div class="line-separator" />
						<br />
						<br />

						<h:panelGrid columns="3" columnClasses="label, value">
							<h:outputText value="Email : *" />
							<h:inputText label="Email" style="width:350px"
								value="#{editerMembreBean.membre.email}" id="email">
								<f:validateLength minimum="8" />
							</h:inputText>
							<rich:message for="email" />

							<h:outputText for="pwd1" value="Mot de Passe : *" />
							<h:inputText id="pwd1" value="#{editerMembreBean.membre.motDePasse}"
								label="Mot de Passe" style="width:350px">
							</h:inputText>
							<rich:message for="pwd1" />

							<h:outputText value="Téléphone : " />
							<h:inputText id="phone" value="#{editerMembreBean.membre.telephone}"
								style="width:350px" />
							<rich:message for="phone" />
						</h:panelGrid>
					</h:panelGrid>
				</h:form>

				<center>
					<h:commandButton value="Mettre à jour"
						action="#{editerMembreBean.editerMembre}" style="width:90px; height:23px" />
				</center>
			</rich:panel>
		</div>
	</ui:define>
</ui:composition>